body,h1,h2,h3,h4,p,ul,ol,li,form,button,input,textarea,th,td {
	margin:0;
	padding:0
}
body,button,input,select,textarea {
	font:12px/1.5 Microsoft YaHei UI Light,tahoma,arial,"\5b8b\4f53";
	*line-height:1.5;
	-ms-overflow-style:scrollbar
}
h1,h2,h3,h4{
	font-size:100%
}
ul,ol {
	list-style:none
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
img {
	border:0
}
button,input,select,textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
html {
	font-size:62.5%;
}
body {
	font:16px/1.5 "microsoft yahei", 'tahoma';
}
body .mobile-page {
	font-size: 1.6rem;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body{
	background-color: #F5F5F5;
}
.mobile-page{
	width: 100%;
	height: 80%;
	overflow-y:scroll;
	position: absolute;
}
.left-img, .mobile-page .right-img{
	overflow:scroll;
	width: 45px;
	height: 45px;
}
i.triangle-left,i.triangle-right{
	width: 0;
	height: 0;
	position: absolute;
	top: 10px;
	display: inline-block;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.mobile-page i.triangle-left{
	left: 4px;
	top: 30px;
	border-right: 12px solid #fff;
}
.mobile-page i.triangle-right{
	right: 4px;
	top: 30px;
	border-left: 12px solid #9EEA6A;
}
.mobile-page .left-group, .mobile-page .right-group{
	padding: 6px;
	display: flex;
	display: -webkit-flex;
}
.mobile-page .left-group{
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}
.mobile-page .right-group{
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.mobile-page .left-reply, .mobile-page .right-reply{
	display: inline-block;
	padding: 8px;
	border-radius: 4px;
	background-color: #fff;
	margin:0 15px 12px;
}
.mobile-page .left-reply{
	box-shadow: 5px 5px 5px #ddd;
}
.mobile-page .right-reply{
	text-align: left;
	background-color: #9EEA6A;
	box-shadow: 5px 5px 5px #bbb;
}
.right-msg, .mobile-page .left-msg{
	width: 75%;
	position: relative;
}
.mobile-page .right-msg{
	text-align: right;
}
.message{
	position:fixed;
	bottom: 0px;
	clear: both;
	background-color: #ebebe9;
	width: 100%;
	height: 50px;
}
.message input{
	width: 79.5%;
	height: 100%;
}
.message button{
	width: 19.5%;
	height: 100%;
}
.left-reply{
	word-break:break-all
}
.right-reply{
	word-break:break-all
}
.group-name{
	height:80%;
	float: left;
}
.addFriends{
	float: right;
	padding-top:2%;
	padding-right:5%
}